<%@ Page Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<LogOnModel>" %>
<asp:Content ID="loginHead" ContentPlaceHolderID="head" runat="server">
<%=Html.ScriptRefs(new string[] {"jquery.validate.min.js","MicrosoftMvcJQueryValidation.js" }) %>
</asp:Content>
<asp:Content ID="loginContent" ContentPlaceHolderID="MainContent" runat="server">
    <div class="ui-corner-all ui-widget-content" style="margin: 30px;">
        <div class="ui-widget-header ui-corner-top ui-border-bottom" style="padding: 10px">
            <h1 style="overflow:auto;"><img style="float:left;" src="<%:Url.Content("~/Content/Images/Unlock.png") %>" alt="" />
              <span style="float:left;margin-top:10px;margin-left:5px;">  <%:Html.Global("RES_LOGIN")%></span></h1>
        </div>
        <% Html.EnableClientjQueryValidation(); %>
        
        <% using (Html.BeginForm())
           { %>
           <%:Html.AntiForgeryToken() %>
           <%= Html.ValidationSummary()%>
        <div style="padding: 20px;">
            <table cellpadding="5px;" cellspacing="5px">
                <tr>
                    <td>
                        <label for="UserName">
                            <%=Html.Global("RES_USER_NAME")%>:</label>
                    </td>
                    <td>
                        <%=Ajax.TextBox("UserName", "ui-icon ui-icon-person", 300)%>
                        <%= Html.ValidationMessageFor(m=>m.UserName) %>
                    </td>
                </tr>
                <tr>
                    <td>
                        <label for="Password">
                            <%=Html.Global("RES_PASSWORD")%>:</label>
                    </td>
                    <td>
                        <%=Ajax.Password("Password", "ui-icon ui-icon-key", 300)%>
                        <%= Html.ValidationMessageFor(m=>m.Password) %>
                    </td>
                </tr>
                <tr>
                    <td colspan="2">
                        <%= Html.CheckBox("RememberMe", true, new { style = "width:16px;" })%>
                        <label class="inline" for="rememberMe">
                             <%=Html.Global("RES_REMEMBER_ME")%>:</label>
                    </td>
                </tr>
                <tr>
                    <td colspan="2">
                        <span class="ui-icon ui-icon-lightbulb" style="float: left; margin-right: 0.3em;"
                            title="Edit user profile"></span>
                        <%=Html.ActionLink(Html.Global("RES_FORGETPWD"), "Receive")%>
                    </td>
                </tr>
                <tr>
                    <td colspan="2" align="right">
                        <%=Ajax.Submit(Html.Global("RES_LOGIN"), "ui-icon ui-icon-key")%>
                    </td>
                </tr>
            </table>
        </div>
        <% } %>
    </div>
</asp:Content>
